#main {
     background-image: url(../photo/864.jpg);
     background-size: cover;
     background-position: center;
     min-height: 100vh;
     padding: 0;
     margin: 0;
     
}
#conpreis{
     
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0.3) 90%, rgba(0, 0, 0, 0) );
     color: white;
     height: 100%;
}
#bildbuss {
     background-image: url(../photo/Gemini_Generated_Image_rtrjjgrtrjjgrtrj.jpg);
     background-size: cover;
     height: 500px;
}

#main-container{
     min-height: 94vh;
     max-height: 100%;
     
}

.container {
     width: 80%;
     margin: auto;
     overflow: hidden;
     padding: 20px 0;
}
h1, h2 {
     color: #dbffdd; /* Darker green */
     text-align: center;
}
#titel-text {
     color: #bad6b2;
}
.price-overview {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 50px;
     margin-top: 30px;
}
.price-card {
     background-color: #ffffff;
     border: 1px solid #000000; /* Light green border */
     border-radius: 8px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     padding: 25px;
     text-align: center;
     flex: 1;
     min-width: 280px;
     max-width: 400px;
     transition: transform 0.3s ease-in-out;
     background-size: cover;
     background-position: center;
     color: #333; /* Ensure text is readable over image */
     position: relative; /* For overlay */
     overflow: hidden;
}
.price-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(255, 255, 255, 0.648); /* Semi-transparent white overlay */
     z-index: 1;
}
.price-card > * {
     position: relative;
     z-index: 2;
}

.price-card:hover {
     transform: translateY(-5px);
}
.price-card h3 {
     color: #388e3c; /* Medium dark green */
     font-size: 1.8em;
     margin-bottom: 15px;
}
.price-card .price {
     font-size: 2.5em;
     color: #1b5e20; /* Darkest green */
     font-weight: bold;
     margin-bottom: 10px;
}
.price-card .price span {
     font-size: 0.6em;
     font-weight: normal;
}
.price-card p {
     color: #555;
     margin-bottom: 20px;
}
.priceul {
     list-style-type: none;
     padding: 0;
     text-align: left;
     margin-bottom: 20px;
}
.priceul li {
     background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23388e3c" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') no-repeat left center;
     background-size: 16px;
     padding-left: 25px;
     margin-bottom: 8px;
}
.note {
     text-align: center;
     margin-top: 40px;
     font-size: 0.9em;
     color: #666;
     padding: 0 20px;
}
footer {
     background-color: #4CAF50;
     color: white;
     text-align: center;
     padding: 1em 0;
     margin-top: 50px;
}